@import"./02";
$demo-color :pink;
*{
    margin: 0;
    color: $demo-color;
}
.box {
    width: 42px;
    .box1{
        width: 52px;
        &:hover{
            color: red;
        }
    }
}
#aaa{
    h1,h2,h3{
        color: aqua;
    }
}
#b{
    border:{
        style:solid;
        width: 100px;
    }
}

@mixin bor{
    width: 600px;
    background-color: aqua;
    border: 1px solid red;
}
.note{
    @include bor
}

@mixin  boo($a,$b,$c){
    color: $a;
    border: 1px solid $b;
    &:hover{
        color: $c;
    }
}
a{
    @include boo(#501,#ff0,#aa9)
}
/*这是一个注释*/
//不会存在
// @extend 
.error{
    border: 1px solid red;
    background-color: #ffe;
}
.arror{
    @extend .error;
    border-width:3px ;
}